@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;cursor: pointer; -webkit-appearance: none;}
/*img*/
img{border:0; }
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{color:#c5c5c5;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#c5c5c5;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#c5c5c5;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#c5c5c5;}
textarea::-webkit-input-placeholder{color:#c5c5c5;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#c5c5c5;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#c5c5c5;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#c5c5c5;}		
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
body{ color:#595959;  font-size:14px; line-height:1.6; overflow-x:hidden; background-color:#fff}
a{ color:#595959; text-decoration:none; font-size:14px;}
a:hover{ color:#38adfa; text-decoration:none}
 
table{width: 100%; empty-cells: show; background-color: transparent; border-collapse: collapse; border-spacing: 0;}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.weap{ max-width:1160px; margin:0 auto}
 
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
 
/*头部*/  
.qm-top{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.qm-top .weap{height:139px;  position:relative; }
.qm-top .box{ background-color:#3fb2fd; position:absolute; z-index:999; left:0; right:0;top:0; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }   
.qm-top .logo{  padding-top:24px; float:left;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; margin-left:-8px;}
.qm-top .logo img{ height:94px; display:block}   
.indexheader .qm-top .box{ background:none}

/*导航*/   
.qm-nav{ float:right; } 
.qm-nav .nl{ float:left; margin-left:56px}  
.qm-nav .nl a{ font-size:18px; text-align:center; position:relative; line-height:139px; display:block; color:#fff }  
.qm-nav .nl .ico-download{ display:inline-block; vertical-align:middle; width:19px; height:17px; background:url(../images/ico-download.png) no-repeat center; background-size:100%; margin-left:6px; position:relative;top:-3px}
/* .qm-nav .nl.on a span,.qm-nav .nl a:hover span{ background-color:#339ee4; margin:0 -10px; padding: 4px 12px; border-radius:20px; display:inline-block; line-height:1.6} */
.qm-nav .nl a span{margin:0 -12px; padding: 4px 12px; border-radius:20px; display:inline-block; line-height:1.6}
.qm-nav .nl.on a span,.qm-nav .nl a:hover span{ background-color:#339ee4; }
/* 底部 */
.footer{ background-color:#f5f5f7; color:#333; padding-bottom:15px; font-size:14px;}
.footer a{ font-size:14px}
 
.footer .foottop{ height:50px; line-height:50px; border-bottom:1px solid #aaaaaa}
.footer .left{ float:left}
.footer .left span{ margin-right:25px;}
.footer .right{ float:right}
.footer .footbot{ padding-top:15px; overflow:hidden}
.footer .footbot .right span{ margin:0 10px}
.footer .foottop .a{ display:inline-block; height:22px; vertical-align:middle; position:relative; position:relative; margin-left:44px; cursor:pointer}
.footer .foottop .wx{ background:url(../images/ico-b01.png) no-repeat center; background-size:auto 100%; width:22px;}
.footer .foottop .wx:hover{ background:url(../images/ico-b01on.png) no-repeat center; background-size:auto 100%;}
.footer .foottop .wb{ background:url(../images/ico-b02.png) no-repeat center; background-size:auto 100%; width:26px;}
.footer .foottop .wb:hover{ background:url(../images/ico-b02on.png) no-repeat center; background-size:auto 100%; width:26px;}
.footer .foottop .sub{ display:block; width:119px; position:absolute;  bottom:60px; left:50%; margin-left:-59.5px; border:2px solid #c1c1c1; background-color:#fff; border-radius:10px; visibility:hidden; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; z-index:5}
.footer .foottop .sub img{ display:block; width:100%;border-radius:10px}
.footer .foottop .sub:after{ content:""; display:block; width:22px; height:13px; position:absolute; z-index:1; left:50%; margin-left:-11px; bottom:-12px; background:url(../images/ico-04.png) no-repeat center bottom;}
.footer .foottop .a:hover .sub{ visibility:visible;  bottom:40px;}
/*页码*/

.pages{ text-align:center; }
.pages span,.pages a{ display:inline-block; vertical-align:middle; min-width:36px; height:36px; line-height:32px; font-size:14px; text-align:center; border:2px solid #cecece; border-radius:36px; padding:0 10px; margin:0 2px}
.pages .active{ background-color:#38adfa; color:#fff; border:2px solid #38adfa}
.pages span.disabled{ display:none}
 
/*弹出层*/
.mh{  -webkit-filter:blur(8px);filter:blur(8px); } 
.popbox{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.2); display:none}
.popbox.block{ display:block}
.popbox .popbgclose{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; }
.poptable{ display:table; width:100%; height:100%; }
.poptable .poptd{ display:table-cell; vertical-align:middle}
.popclose{ width:36px; height:36px; background:url(../images/ico-close.png) no-repeat center; background-size:100%; margin:0 auto; cursor:pointer; margin-top:28px; position:relative; z-index:2}
/*漂浮广告*/
.flexad{ position:fixed; z-index:996; left:2.6%; bottom:20px;} 
.flexad .img{ width:220px; border:5px solid rgba(255,255,255,.5); border-radius:20px; overflow:hidden}
.flexad .img img{ display:block; width:100%;}
.flexad .flexclose{ width:30px; height:30px; position:absolute; z-index:1; right:0;top:0; background:url(../images/ico-close03.png) no-repeat center; background-size:100%; right:10px;top:10px; cursor:pointer}
/*漂浮二维码*/
.flexewm{position:fixed; z-index:996;right:2.6%; bottom:20px; width:100px; background-color:#fff; border-radius:10px; border:1px solid #eee; text-align:center; padding:10px 0;  }
.flexewm:before{ content:""; display:block; width:66px; height:72px; background:url(../images/pfpng.png) no-repeat center; background-size:100%; position:absolute; z-index:1; left:50%; margin-left:-43px;top:-68px}
.flexewm .img img{ width:80px; margin:0 auto}
.flexewm .t{ font-size:12px; line-height:1.4}
.flexewm .a{ border-top:1px solid #eee; margin-top:15px; padding-top:10px}
.flexewm .a .ico{ width:26px; height:26px; background-repeat:no-repeat; background-position:center; background-size:100%; background-image:url(../images/ico-08.png); margin:0 auto; margin-bottom:5px}
.mewma{ display:none}

/*弹出报名*/
.popenroll{ max-width:860px; margin:0 auto; background-color:#fff; border-radius:40px; padding:1px 25px; padding-bottom:60px; position:relative; z-index:2}
.popenroll .img{ float:left; width:43.2%; margin-top:-32px;}
.popenroll .img img{ display:block; width:100%}
.popenroll .txt{ float:right; width:56%; padding-top:115px}
.popenroll .txt .title{ font-size:28px; color:#000; line-height:1.1; margin-bottom:35px}
.popenroll .txt .title a{ font-size:40px;color:#000}
.popenroll .txt .p{ font-size:18px; line-height:2; margin-right:-25px}
.popenroll .txt .p .fz12{ font-size:13px}
/*弹出视频*/
.videopop{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0;}
.videopop .bdbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; width:100%; height:100%}
.videopop .closebg{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0;background:rgba(0,0,0,.2)}
.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:980px; padding:10px; background-color:#252525} 
.videopop .videobd .video{ height:600px}
.videopop .videobd video{ display:block;}
.videopop .mclsoe{ position:absolute; z-index:1; width:36px; height:36px; bottom:-60px; left:50%; margin-left:-18px; background:url(../images/ico-close.png) no-repeat center; background-size:100%; cursor:pointer}
 
@media (max-width: 1150px){  
.weap{ width:auto !important; padding-left:10px !important; padding-right:10px !important}
/*头部*/   
.qm-top .weap{ position:static; height:55px; padding-left:10px; padding-right:10px}
.qm-top{ height:55px}
.qm-top .box{ width:100%;  height:55px;  position:fixed; z-index:100; right:0 ;transition: all .5s ease; border-bottom:none;  }
.qm-top .logo{ padding-top:7px; padding-right:10px; transition: all 0.3s; height:55px; border-right:none; float:left}  
.qm-top .logo a{ display:inline-block;  }
.qm-top .logo img{ height:45px; width:auto; display:block}   
.indexheader .qm-top .box{ background-color:#38adfc}

.qm-top.flexbox .box{ height:55px; }
.qm-top.block .box{ height:55px; }
.qm-top.flexbox .logo{ height:55px; padding-top:10px; border-right:none}
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0;}
.qm-nav .nl:hover{ background:none}
.qm-nav{  float:none; padding:10px 0}
.qm-nav .nl{ padding:0; background:none;  height:auto; margin:0; float:none;  display:block; text-align:left }
.qm-nav .nl a{ position:relative; padding:0 10px; text-align:left; width:auto;  display:block; font-size:15px; margin-left:0;  background-position:center left; background-repeat:no-repeat; background-size:22px; color:#333; line-height:45px} 
.qm-top.flexbox .qm-nav .nl a{ line-height:50px} 
.qm-nav .nl.on a:after{ width:auto; left:0; right:0; margin:0 auto; height:1px}
.qm-nav .nl.exist:before{ content:""; display:block; position:absolute; z-index:3;  right:0;top:0; height:45px; background:url(../images/ico-down.png) no-repeat center right 10px; background-size:16px; width:45px;}
 
.qm-top .qm-nav{ background-color:#fff; display:none; position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; overflow-y:auto;top:55px}
.qm-top.block .qm-nav{ display:block; padding-bottom:0 }  
.ow{ overflow:hidden}
 
.m-nav{display:block; height: 24px; width: 30px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 10px; top: 50%; margin-top:-12px }
.m-nav a{background-color:#fff; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color:#fff; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -9px;}
.m-nav a:after{top: 10px;}
.qm-top.block .m-nav{transform: rotate(90deg);}
.qm-top.block .m-nav a{background-color: transparent !important;}
.qm-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);} 

.footer .foottop{ height:auto; line-height:1.4; overflow:visible; text-align:center; padding:10px 0; padding-top:20px}
.footer .foottop span{ display:inline-block}
.footer .left{ float:none; margin-bottom:20px; text-align:center}
.footer .right{ float:none; text-align:center}
.footer .foottop .a{ margin:0 10px; height:22px}
.footer .footbot{ padding-top:10px} 
.footer{ padding-bottom:20px}

.pages span, .pages a{  margin:0 2px; font-size:12px;    border: 1px solid #cecece; min-width:26px; height:26px; line-height:24px; padding:0 5px}

.flexad{ left:20px; right:auto; display:none}
.flexewm{ display:block; bottom:auto;top:150px; transform:translateX(120%);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }
.flexewm.block{ transform:translateX(0);}

.mewma{ position:fixed; z-index:99; right:0;top:80px; display:block; width:32px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.mewma.on{transform:translateX(120%);}
.mewma img{ display:block; width:100%}

.videopop .videobd .video{ height:auto} 
.videopop .videobd{ width:95%}

.qm-nav .nl.on a span, .qm-nav .nl a:hover span{ display:block; margin:0; background:none; color:#339ee4; font-weight:bold;     margin: 0 -12px;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
    line-height: 1.6; border:none}
 
}
@media(max-width:766px){
.pages li a{ height:32px; line-height:30px; padding:0 10px; font-size:12px;}
.pages li{ margin:0 2px; margin-bottom:5px}
.popclose{ width:34px; height:34px; margin-top:15px}

.flexad{ display:block;}
.videopop .mclsoe{ width:30px; height:30px; margin-left:-15px; bottom:-40px}

}